﻿<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.5" charset="utf-8"/>
<title>我的保单</title>
<link href="/pad_marketing/html/css/main.css" rel="stylesheet" type="text/css" />
<link href="/pad_marketing/html/css/common.css" rel="stylesheet" type="text/css" />
<link href="/pad_marketing/html/css/mobiscroll.custom-2.6.2.min.css" rel="stylesheet" type="text/css" />
<style>
	.policy-tab a{
		display:inline-block;
		width:16%;
		color:#5c5c5c;
		position:relative;
	}
</style>
</head>

<body>
<input type="hidden" value="11" id="biaoshi" />
<!--标题区域 start-->
<div class="tit_main">
  <div class="row">
    <div class="col-md-4">
      <a href="/pad_marketing/MyPolicy/query.action" class="pull-left lh-50"><span class="icon icon-left"></span></a>
    </div> 
    <div class="col-md-4">
      <label class="lh-50 white">我的保单</label>
    </div>
    <div class="col-md-4">
      <a class="pull-right block lh-50" href="/pad_marketing/index/index.action"><span class="icon icon-home"></span></a>
    </div>
  </div>
</div>
<!--标题区域 end-->
<div class="contentTop">
  <ul class="policy-tab">                              
    <a href="/pad_marketing/MyPolicy/underwriting.action"><li class="cbq">承保前</li></a>
    <a href="/pad_marketing/MyPolicy/track.action"><li class="xdzz">新单追踪</li></a>
    <a href="/pad_marketing/MyPolicy/claims.action"><li class="bq">保全</li></a>
    <a href="/pad_marketing/MyPolicy/preservation.action"><li class="lp">理赔</li></a>
    <a href="/pad_marketing/MyPolicy/renewal.action"><li class="xqds">续期待收</li></a>
    <a href="/pad_marketing/MyPolicy/query.action"><li class="bdcx active">保单查询</li></a>
  </ul>
</div>
<!--内容区域 start-->
<div class="H_contentTop overflow-auto">
  <div>
  	<!-- 表格 -->
    <div class="padding-15 font-16">
      <!-- <label class="pull-left"><span class="icon icon-circle-xin"></span>&nbsp;新单照会&nbsp;&nbsp;</label>
      <label class="pull-left"><span class="icon icon-circle-zhi"></span>&nbsp;质检照会&nbsp;&nbsp;</label>
      <label class="pull-left"><span class="icon icon-circle-fang"></span>&nbsp;回访照会&nbsp;&nbsp;</label>
      <label class="pull-left"><span class="icon icon-circle-qian"></span>&nbsp;电子回执&nbsp;&nbsp;</label>
      <label class="pull-left"><span class="icon icon-circle-bian"></span>&nbsp;保单变更&nbsp;&nbsp;</label>
      <label class="pull-left"><span class="icon icon-circle-pei"></span>&nbsp;理赔照会&nbsp;&nbsp;</label> -->
      <label class="pull-left"><span class="icon icon-circle-xiang"></span>&nbsp;查看详情</label>
      <span class="pull-right" style="color:#a8a8a8">本次查询出<span style="color:#a8a8a8" id="length">0</span>条记录</span>
    </div>
    <div class="clearfix"></div>
    <table class="table table-center table-lg xx">
      <thead>
        <tr class="primary">
          <th width="190" onclick="$.sortTable.sort('tablesort',0)"><span class="b white font-20">保单号<label class="white padding-left-15 icon_1">↓</label></span></th>
          <th width="130"><span class="b white font-20">保单状态</span></th>
          <th width="120"><span class="b white font-20">投保人</span></th>
          <th width="120"><span class="b white font-20">被保人</span></th>
          <th width="160" onclick="$.sortTable.sort('tablesort',4)"><span class="b white font-20">主险代码<label class="white padding-left-15 icon_1">↓</label></span></th>
          <th width="120"><span class="b white font-20">期交保费</span></th>
          <th width=""><span class="b white font-20">出单方式</span></th>
          <th width="100"><span class="b white font-20">操作</span></th>
        </tr>
      </thead>
    </table> 
    <div class="height-400" style="height:430px;">
    <table class="table table-center table-lg xx querytable" id="tablesort">
      <tbody>
        <!-- <tr>
          <td><span class="red" id="gu">【孤】</span>000000989893</td>
          <td>完成</td>
          <td>张小五</td>
          <td>张小五</td>
          <td>2837382</td>
          <td>373783</td>
          <td>APP</td>
          <td><span class="icon icon-circle-notebook check"></span></td>
        </tr> -->
      </tbody>
    </table>
  	</div>
  </div>
  </div>
</div>
<!--内容区域 end-->

<div class="open-block open-tab hide" id="open1">
  <h4 class="open-header">
    <ul class="tabClick" id="myTab1"> 
      <li class="active" onclick="nTabs(this,0);" id="myTab1_title0">基本信息</li> 
      <li onclick="nTabs(this,1);" id="myTab1_title1" >客户信息</li> 
      <li onclick="nTabs(this,2);" id="myTab1_title2">险种信息</li>
      <li onclick="nTabs(this,3);" id="myTab1_title3">收退费</li>
      <li onclick="nTabs(this,4);" id="wn">万能账户信息</li>
      <li onclick="nTabs(this,5);" id="tl">投连账户信息</li>
      <li onclick="nTabs(this,6);" id="bqpage">保全任务记录</li>
      <li onclick="nTabs(this,7);" id="lppage">保单理赔记录</li>
    </ul>
  </h4>
  <div class="open-body">
  <!--基本信息-->
    <div class="padding-2" id="myTab1_Content0">     
      <div class="panel panel-primary">
        <div class="panel-heading">基本信息</div>
        <div class="panel-body">
          <div class="form-group no-margin" id="jb">
            <label class="col-md-3 control-label">保单号</label>
            <div class="col-md-3"><p class="form-control-static blue" id="policyref"></p></div>
            <label class="col-md-3 control-label">投保单号</label>
            <div class="col-md-3"><p class="form-control-static blue" id="preno"></p></div>
            <div class="clearfix"></div>
            <label class="col-md-3 control-label">保单承保日</label>
            <div class="col-md-3"><p class="form-control-static blue" id="issuedate"></p></div>
            <label class="col-md-3 control-label">保单生效日</label>
            <div class="col-md-3"><p class="form-control-static blue" id="incdate"></p></div>
            <div class="clearfix"></div>
            <label class="col-md-3 control-label">缴费频率</label>
            <div class="col-md-3"><p class="form-control-static blue" id="paytype"></p></div>
            <label class="col-md-3 control-label">交费方式</label>
            <div class="col-md-3"><p class="form-control-static blue" id="payment"></p></div>
            <div class="clearfix"></div>
            <label class="col-md-3 control-label">保险年限</label>
            <div class="col-md-3"><p class="form-control-static blue" id="polterm"></p></div>
            <label class="col-md-3 control-label">保费年限</label>
            <div class="col-md-3"><p class="form-control-static blue" id="preterm"></p></div>
            <div class="clearfix"></div>
            <label class="col-md-3 control-label">开户行</label>
            <div class="col-md-3"><p class="form-control-static blue" id="bankname"></p></div>
            <label class="col-md-3 control-label">银行转账账户</label>
            <div class="col-md-3"><p class="form-control-static blue" id="bankno"></p></div>
            <div class="clearfix"></div>
            <label class="col-md-3 control-label">账户所有人</label>
            <div class="col-md-3"><p class="form-control-static blue" id="payer"></p></div>
            <label class="col-md-3 control-label">主险代码</label>
            <div class="col-md-3"><p class="form-control-static blue" id="coverid"></p></div>
            <div class="clearfix"></div>
            <label class="col-md-3 control-label">主险简称</label>
            <div class="col-md-3"><p class="form-control-static blue" id="covername"></p></div>
            <label class="col-md-3 control-label">投保人</label>
            <div class="col-md-3"><p class="form-control-static blue" id="polname"></p></div>
            <div class="clearfix"></div>
            <label class="col-md-3 control-label">被保险人</label>
            <div class="col-md-3"><p class="form-control-static blue" id="issname"></p></div>
            <label class="col-md-3 control-label">保单状态</label>
            <div class="col-md-3"><p class="form-control-static blue" id="polstatus"></p></div>
            <div class="clearfix"></div>
            <label class="col-md-3 control-label">主险保额</label>
            <div class="col-md-3"><p class="form-control-static blue" id="sum"></p></div>
            <label class="col-md-3 control-label">期交保费</label>
            <div class="col-md-3"><p class="form-control-static blue" id="regular"></p></div>
            <div class="clearfix"></div>
            <label class="col-md-3 control-label">保单来源</label>
            <div class="col-md-3"><p class="form-control-static blue" id="source"></p></div>
          </div>
        </div>
      </div>
      <!--保单价值-->
      <div class="panel panel-primary">    
      	<div class="panel-heading padding-top-15">保单价值</div>
        <div class="panel-body">
          <div class="form-group no-margin" id="jz">
            <label class="col-md-3 control-label">已贷款金额(元)</label>
            <div class="col-md-3"><p class="form-control-static blue" id="amount"></p></div>
            <label class="col-md-3 control-label">现金价值(元)<br>(截止当前日期)</label>
            <div class="col-md-3"><p class="form-control-static blue" id="cashvalue"></p></div>
            <div class="clearfix"></div>
            <label class="col-md-3 control-label">是否减额缴清</label>
            <div class="col-md-3"><p class="form-control-static blue" id="isrpu"></p></div>
            <label class="col-md-3 control-label">减额缴清生效日</label>
            <div class="col-md-3"><p class="form-control-static blue" id="rpudate"></p></div>
            <div class="clearfix"></div>
          </div>
        </div>
      </div>
    </div>
    <!--客户信息-->
    <div class="padding-2" id="myTab1_Content1" style="display:none;"> 
    
      <div class="panel panel-primary">
        <div class="panel-heading">客户信息</div>
        <div class="panel-body">
          <div class="form-group no-margin" id="kh">
            <label class="col-md-2 control-label">客户类型</label>
            <div class="col-md-4"><p class="form-control-static blue" id="type"></p></div>
            <label class="col-md-3 control-label">姓名</label>
            <div class="col-md-3"><p class="form-control-static blue" id="name"></p></div>
            <div class="clearfix"></div>
            <label class="col-md-2 control-label">性别</label>
            <div class="col-md-4"><p class="form-control-static blue" id="sex"></p></div>
            <label class="col-md-3 control-label">出生日期</label>
            <div class="col-md-3"><p class="form-control-static blue" id="bdate"></p></div>
            <div class="clearfix"></div>
            <label class="col-md-2 control-label">证件号码</label>
            <div class="col-md-4"><p class="form-control-static blue" id="idcard"></p></div>
            <label class="col-md-3 control-label">手机号码</label>
            <div class="col-md-3"><p class="form-control-static blue" id="mtel"></p></div>
            <div class="clearfix"></div>
            <label class="col-md-2 control-label">固定电话</label>
            <div class="col-md-4"><p class="form-control-static blue" id="gtel"></p></div>
            <label class="col-md-3 control-label">邮政编码</label>
            <div class="col-md-3"><p class="form-control-static blue" id="post"></p></div>
            <div class="clearfix"></div>
            <label class="col-md-2 control-label">联系地址</label>
            <div class="col-md-4"><p class="form-control-static blue" id="add"></p></div>
            <div id="posb"></div>
            <!-- <label class="col-md-3 control-label">受益类型</label>
            <div class="col-md-3"><p class="form-control-static blue" id="sytype"></p></div>
            <div class="clearfix"></div>
            <label class="col-md-2 control-label">受益顺序</label>
            <div class="col-md-4"><p class="form-control-static blue" id="sysx"></p></div>
            <label class="col-md-3 control-label">受益比例(%)</label>
            <div class="col-md-3"><p class="form-control-static blue" id="sybl"></p></div>
            <div class="clearfix"></div> -->
          </div>
        </div>
      </div>
    </div>
    <!--险种信息-->
    <div class="table-responsive" id="myTab1_Content2" style="display:none;"> 
      <div class="blank-1"></div>
      <iframe id="xzlist" name="xzlist" src="" width="100%" height="480" scrolling="no" allowTransparency="true" frameborder="0"></iframe>
    </div>
    <!--收退费-->
    <div class="table-responsive" id="myTab1_Content3" style="display:none;"> 
      <div class="blank-1"></div>
      <iframe id="stflist" name="stflist" src="" width="100%" height="480" scrolling="no" allowTransparency="true" frameborder="0"></iframe>
    </div>
    <!--万能账户信息-->
    <div id="myTab1_Content4" style="display: none;">
      <div class="blank-1"></div>
      <table class="table table-bordered table-striped table-center" id="wnxx">
        <thead>
          <tr class="primary">
            <th>投资账户</th>
            <th>本金(元)</th>
            <th>利息(元)</th>
            <th>账户价值(元)</th>
          </tr>
        </thead>
        <tbody>
          <!-- <tr>
            <td>苏奶油</td>
            <td>10,000</td>
            <td>2,000</td>
            <td>1213</td>
          </tr> -->
        </tbody>
      </table>
    </div>
    <!--投连账户信息-->
    <div id="myTab1_Content5" style="display:none;"> 
      <div class="blank-1"></div>
      <iframe id="tllist" name="tllist" src="" width="100%" height="480" scrolling="no" allowTransparency="true" frameborder="0"></iframe>
    </div>
    <!--保全任务记录-->
    <div class="table-responsive" id="myTab1_Content6" style="display:none;"> 
      <div class="blank-1"></div>
      <iframe id="bqlist" name="bqlist" src="" width="100%" height="480" scrolling="no" allowTransparency="true" frameborder="0"></iframe>
    </div>
    <!--保单理赔记录-->
    <div class="table-responsive" id="myTab1_Content7" style="display:none;"> 
      <div class="blank-1"></div>
      <iframe id="lplist" name="lplist" src="" width="100%" height="480" scrolling="no" allowTransparency="true" frameborder="0"></iframe>
    </div>
  </div>
  <div class="open-footer">
    <button type="button" class="btn btn-success" style="display:none" id="showEInvoiceList" ><span class="icon icon-preview"></span>电子发票</button>
    <button type="button" class="btn btn-primary" id="close" ><span class="icon icon-no"></span>关闭</button>
  </div>
</div>

<div class="open-block hide open-lg" id="open2">
  <h4 class="open-header" >电子发票记录<button type="button" class="close" onClick="closeDiv('open2')">×</button></h4>
  <div class="open-body">
    <table class="table table-bordered table-center" id="eInvoiceTb">
      <thead>
        <tr class="primary">
          <th>序号</th>
          <th>发票打印日期</th>
          <th>发票金额</th>
          <th>操作</th>
        </tr>
      </thead>
      <tbody>
        <!--<tr>
          <td>1</td>
          <td>2012-11-12</td>
          <td>200,00,00</td>
          <td>
            <a  class="icon icon-circle-notebook" onclick="openEInvoice()" ></a>'
			<a  class="icon icon-circle-you" onclick="openEmail()"></a>
          </td>
        </tr>-->
      </tbody>
    </table>
    <div class="blank-1"></div>
    <p class="gray font-14 lh-25">*该查询页面显示该保单近两年生成的电子发票信息。</p>
    <p class="gray font-14 lh-25">*如您需要了解更多的发票信息，欢迎拨打公司服务热线：8009886688 4008883636（手机Mobile）。</p>
  </div>
</div>

<!--弹出层-模板 start-->
<div class="open-block open-md hide" id="open3">
  <h4 class="open-header">邮件发送<button type="button" class="close" onClick="closeDiv('open3')">×</button>
  </h4>
  <div class="open-body">
    <input style="display:none" type="text" id="pdfUrl" />
    <div class="form-group padding-10">
      <label class="col-md-4 control-label">收件人</label>
      <div class="col-md-7 form-control-static" id="receiveEmailAddress" >
      </div>
      <div class="blank-10"></div>
      <label class="col-md-4 control-label">发件人</label>
      <div class="col-md-7 form-control-static" id="sendEmailAddress">
         Einvoice@allianz.com.cn
      </div>
      <div class="blank-10"></div>
      <label class="col-md-2 control-label"></label>
      <div class="col-md-9 form-control-static" id="someTip">
      </div>
    </div>
    <div class="col-md-5 col-md-offset-1">
      <button type="button" class="btn btn-lg btn-primary btn-block" onclick="closeDiv('open3')"><span class="icon icon-no"></span>取消</button>
    </div>
    <div class="col-md-5">
      <button type="button" class="btn btn-lg btn-warning btn-block" id="sendMail" ><span class="icon icon-send"></span>发送</button>
    </div>
  </div>
</div>
<!--弹出层-模板 end-->


<!--js全放底部-->
<script src="/pad_marketing/html/js/jquery-1.7.2.min.js" type="text/javascript"></script>
<script src="/pad_marketing/html/js/jquery.jmpopups-0.5.1.js" type="text/javascript"></script>
<script src="/pad_marketing/html/js/idangerous.swiper.min.js"></script>
<script src="/pad_marketing/html/js/iscroll.js" type="text/javascript"></script>
<script src="/pad_marketing/html/js/idangerous.swiper.3dflow.js"></script>
<script src="/pad_marketing/html/js/mobiscroll.custom-2.6.2.min.js"></script>
<script src="/pad_marketing/html/js/common.js" type="text/javascript"></script>
<script src="/pad_marketing/dev/js/common.js" type="text/javascript"></script>
<script src="/pad_marketing/html/js/jquery.dataTables.js"></script>
<script src="/pad_marketing/html/js/FixedColumns.js"></script>
<script src="/pad_marketing/html/js/datatables.mobile-fixed-columns-table.js"></script>
<script src="/pad_marketing/dev/js/myPolicy.js" type="text/javascript"></script>
<script src="/pad_marketing/dev/js/jquery.media.js" type="text/javascript"></script>
<script src="/pad_marketing/dev/js/eInvoice/eInvoice.js" type="text/javascript"></script>

</body>
</html>
